* {
    font-family: inherit
}

a,
b,
body,
button,
dd,
div,
dl,
dt,
em,
fieldset,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
img,
input,
li,
ol,
p,
pre,
select,
span,
strong,
td,
textarea,
th,
ul {
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    margin: 0;
    padding: 0
}

body,
html {
    -webkit-overflow-scrolling: touch;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

iframe {
    border: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    cursor: pointer
}

a,
a:active,
a:hover {
    text-decoration: none
}

a:active,
a:hover {
    outline-width: 0
}

li,
ol,
ul {
    list-style: none
}

button,
input,
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: initial;
    border: none;
    border-radius: 0;
    box-shadow: none;
    outline: 0;
    resize: none
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

b,
em,
i,
strong {
    font-style: normal
}


body {
    --okx-font-family: "OKXSans", "apple-system", "BlinkMacSystemFont", "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Arial", "sans-serif"
}

[lang=ar] body,
[lang=vi] body {
    --okx-font-family: Arial, sans-serif
}

body {
    font-family: var(--okx-font-family) !important
}

a,
b,
body,
button,
dd,
div,
dl,
dt,
em,
fieldset,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
img,
input,
li,
ol,
p,
pre,
select,
span,
strong,
td,
textarea,
th,
ul {
    font-size: 100%
}

body,
html {
    font-size: 14px;
    line-height: 1
}

img,
video {
    height: auto;
    max-width: 100%
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 1em;
    font-weight: 400
}

button,
fieldset,
input,
label,
legend,
option,
select,
textarea {
    font-size: 1em
}

b,
em,
i,
strong {
    font-weight: 400
}

.header-banner-container,
.nav-banner-container {
    min-width: 320px;
    width: 100%
}

.header-banner-container .home-header-banner-container,
.nav-banner-container .home-header-banner-container {
    padding-bottom: 12px;
    padding-top: 12px;
    width: 100%
}

@media (min-width:768px) {

    .header-banner-container .home-header-banner-container,
    .nav-banner-container .home-header-banner-container {
        padding-bottom: 16px;
        padding-top: 16px
    }
}

@media (min-width:1024px) {

    .header-banner-container .home-header-banner-container,
    .nav-banner-container .home-header-banner-container {
        margin-top: unset;
        padding-bottom: 14px;
        padding-top: 14px;
        position: relative
    }
}

.header-banner-container .okg-container,
.nav-banner-container .okg-container {
    padding-left: 8px;
    padding-right: 8px
}

@media (min-width:768px) {

    .header-banner-container .okg-container,
    .nav-banner-container .okg-container {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width:1024px) {

    .header-banner-container .okg-container,
    .nav-banner-container .okg-container {
        padding-left: calc(50% - 480px);
        padding-right: calc(50% - 480px)
    }
}

@media (min-width:1270px) {

    .header-banner-container .okg-container,
    .nav-banner-container .okg-container {
        padding-left: calc(50% - 624px);
        padding-right: calc(50% - 624px)
    }
}

.header-banner-container .okg-container .app-box,
.nav-banner-container .okg-container .app-box {
    align-items: baseline;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    width: 100%;
    word-break: break-word
}

@media (min-width:768px) {

    .header-banner-container .okg-container .app-box,
    .nav-banner-container .okg-container .app-box {
        box-sizing: border-box;
        padding-left: 12px;
        padding-right: 12px;
        width: 100%
    }
}

@media (min-width:1024px) {

    .header-banner-container .okg-container .app-box,
    .nav-banner-container .okg-container .app-box {
        box-sizing: border-box;
        padding-left: 12px;
        padding-right: 12px;
        width: 100%
    }
}

@media (min-width:1270px) {

    .header-banner-container .okg-container .app-box,
    .nav-banner-container .okg-container .app-box {
        box-sizing: border-box;
        padding-left: 12px;
        padding-right: 12px;
        width: 100%
    }
}

.header-banner-container .okg-container .text-box,
.nav-banner-container .okg-container .text-box {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-right: 24px;
    text-align: left
}

@media (min-width:768px) and (min-width:768px) {

    .header-banner-container .okg-container .text-box,
    .nav-banner-container .okg-container .text-box {
        box-sizing: border-box;
        padding-left: 12px;
        padding-right: 12px;
        width: 83.33333333%
    }
}

@media (min-width:768px) and (min-width:1024px) {

    .header-banner-container .okg-container .text-box,
    .nav-banner-container .okg-container .text-box {
        box-sizing: border-box;
        padding-left: 12px;
        padding-right: 12px;
        width: 83.33333333%
    }
}

@media (min-width:768px) and (min-width:1270px) {

    .header-banner-container .okg-container .text-box,
    .nav-banner-container .okg-container .text-box {
        box-sizing: border-box;
        padding-left: 12px;
        padding-right: 12px;
        width: 83.33333333%
    }
}

@media (min-width:1024px) {

    .header-banner-container .okg-container .text-box,
    .nav-banner-container .okg-container .text-box {
        margin-left: 25%;
        text-align: center
    }
}

@media (min-width:1024px) and (min-width:768px) {

    .header-banner-container .okg-container .text-box,
    .nav-banner-container .okg-container .text-box {
        margin-left: 8.33333333%
    }
}

@media (min-width:1024px) and (min-width:1024px) {

    .header-banner-container .okg-container .text-box,
    .nav-banner-container .okg-container .text-box {
        margin-left: 8.33333333%
    }
}

@media (min-width:1024px) and (min-width:1270px) {

    .header-banner-container .okg-container .text-box,
    .nav-banner-container .okg-container .text-box {
        margin-left: 8.33333333%
    }
}

.header-banner-container .okg-container .text-box .banner-href,
.nav-banner-container .okg-container .text-box .banner-href {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-left: 12px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.header-banner-container .okg-container .text-box .banner-href.hide-link,
.nav-banner-container .okg-container .text-box .banner-href.hide-link {
    display: none
}

.header-banner-container .okg-container .banner-close,
.nav-banner-container .okg-container .banner-close {
    color: #000;
    cursor: pointer;
    margin-left: 24px
}

@media (min-width:768px) {

    .header-banner-container .okg-container .banner-close,
    .nav-banner-container .okg-container .banner-close {
        margin-left: unset
    }
}

.header-banner-container .okg-container .banner-close .close-icon,
.nav-banner-container .okg-container .banner-close .close-icon {
    font-size: 14px
}

body,
html {
    background: #fff;
    color: #000;
    margin: 0
}

@media (max-width:1024px) {
    iframe[name=intercom-banner-frame] {
        display: none !important
    }
}

:root {
    --global-scrollbar-width: 4px;
    --global-scrollbar-height: 6px;
    --global-scrollbar-border-radius: 8px
}

.theme-light,
body {
    --global-scrollbar-background: rgba(0, 0, 0, .26)
}

.theme-dark {
    --global-scrollbar-background: hsla(0, 0%, 100%, .36)
}

body ::-webkit-scrollbar {
    background-color: initial;
    height: 0;
    width: 4px;
    width: var(--global-scrollbar-width)
}

body ::-webkit-scrollbar-track {
    background-color: initial
}

body ::-webkit-scrollbar-thumb {
    background-color: var(--global-scrollbar-background);
    border-radius: 8px;
    border-radius: var(--global-scrollbar-border-radius)
}

body.theme-dark ::-webkit-scrollbar,
body.theme-dark ::-webkit-scrollbar-track {
    background-color: initial
}

body ::-webkit-scrollbar-corner {
    background-color: initial
}

.okx-header-footer-web3-rewards {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-web3-rewards:before {
    content: "\e0e5";
    font-family: ok-f5350cc488
}

.okx-header-footer-web3-cryptopedia-updated {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-web3-cryptopedia-updated:before {
    content: "\e0a9";
    font-family: ok-f5350cc488
}

.okx-header-footer-perpetual {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-perpetual:before {
    content: "\e0b2";
    font-family: ok-f5350cc488
}

.okx-header-footer-white-paper {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-white-paper:before {
    content: "\e0e4";
    font-family: ok-f5350cc488
}

.okx-header-footer-web3-toolkit {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-web3-toolkit:before {
    content: "\e0e3";
    font-family: ok-f5350cc488
}

.okx-header-footer-nft {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-nft:before {
    content: "\e067";
    font-family: ok-f5350cc488
}

.okx-header-footer-web3-liquidity,
.okx-header-footer-web3-nft {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-web3-liquidity:before {
    content: "\e0e2";
    font-family: ok-f5350cc488
}

.okx-header-footer-web3-faucet {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-web3-faucet:before {
    content: "\e0c5";
    font-family: ok-f5350cc488
}

.okx-header-footer-unlink {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-unlink:before {
    content: "\e0e1";
    font-family: ok-f5350cc488
}

.okx-header-footer-transaction {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-transaction:before {
    content: "\e0e0";
    font-family: ok-f5350cc488
}

.okx-header-footer-trading-data {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-trading-data:before {
    content: "\e0c6";
    font-family: ok-f5350cc488
}

.okx-header-footer-tokens-outline {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-tokens-outline:before {
    content: "\e0df";
    font-family: ok-f5350cc488
}

.okx-header-footer-setting {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-setting:before {
    content: "\e076";
    font-family: ok-f5350cc488
}

.okx-header-footer-search {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-search:before {
    content: "\e0a5";
    font-family: ok-f5350cc488
}

.okx-header-footer-official-website-api {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-official-website-api:before {
    content: "\e0de";
    font-family: ok-f5350cc488
}

.okx-header-footer-link {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-link:before {
    content: "\e0a4";
    font-family: ok-f5350cc488
}

.okx-header-footer-globe {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-globe:before {
    content: "\e0dd";
    font-family: ok-f5350cc488
}

.okx-header-footer-futures-outline {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-futures-outline:before {
    content: "\e0dc";
    font-family: ok-f5350cc488
}

.okx-header-footer-discover {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-discover:before {
    content: "\e0ab";
    font-family: ok-f5350cc488
}

.okx-header-footer-copy {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-copy:before {
    content: "\e0db";
    font-family: ok-f5350cc488
}

.okx-header-footer-bridge-1 {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-bridge-1:before {
    content: "\e008";
    font-family: ok-f5350cc488
}

.okx-header-footer-blockchain-explorer {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-blockchain-explorer:before {
    content: "\e007";
    font-family: ok-f5350cc488
}

.okx-header-footer-api-keys {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-api-keys:before {
    content: "\e0da";
    font-family: ok-f5350cc488
}

.okx-header-footer-dex-network-fee-fast {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-dex-network-fee-fast:before {
    content: "\e0d9";
    font-family: ok-f5350cc488
}

.okx-header-footer-dex-referral {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-dex-referral:before {
    content: "\e0d8";
    font-family: ok-f5350cc488
}

.okx-header-footer-dex-loan {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-dex-loan:before {
    content: "\e0d7";
    font-family: ok-f5350cc488
}

.okx-header-footer-web3-dapp-rankings {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-web3-dapp-rankings:before {
    content: "\e0b1";
    font-family: ok-f5350cc488
}

.okx-header-footer-earn-outline {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-earn-outline:before {
    content: "\e0d4";
    font-family: ok-f5350cc488
}

.okx-header-footer-security {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-security:before {
    content: "\e0d5";
    font-family: ok-f5350cc488
}

.okx-header-footer-bell {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-bell:before {
    content: "\e0d6";
    font-family: ok-f5350cc488
}

.okx-header-footer-risk-unit-portal {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-risk-unit-portal:before {
    content: "\e0d3";
    font-family: ok-f5350cc488
}

.okx-header-footer-builder-deck {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-builder-deck:before {
    content: "\e0d2";
    font-family: ok-f5350cc488
}

.okx-header-footer-network-fee-fast {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-network-fee-fast:before {
    content: "\e0d0";
    font-family: ok-f5350cc488
}

.okx-header-footer-cash-fiat {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-cash-fiat:before {
    content: "\e0cf";
    font-family: ok-f5350cc488
}

.okx-header-footer-wholesale {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-wholesale:before {
    content: "\e0ce";
    font-family: ok-f5350cc488
}

.okx-header-footer-okx-filled {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-okx-filled:before {
    content: "\e0cd";
    font-family: ok-f5350cc488
}

.okx-header-footer-star {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-star:before {
    content: "\e0cc";
    font-family: ok-f5350cc488
}

.okx-header-footer-vip {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-vip:before {
    content: "\e0cb";
    font-family: ok-f5350cc488
}

.okx-header-footer-google-play {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-google-play:before {
    content: "\e0ca";
    font-family: ok-f5350cc488
}

.okx-header-footer-extension-filled {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-extension-filled:before {
    content: "\e0c9";
    font-family: ok-f5350cc488
}

.okx-header-footer-apple {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-apple:before {
    content: "\e0c8";
    font-family: ok-f5350cc488
}

.okx-header-footer-android {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-android:before {
    content: "\e0c7";
    font-family: ok-f5350cc488
}

.okx-header-footer-xlayer {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-xlayer:before {
    content: "\e0c3";
    font-family: ok-f5350cc488
}

.okx-header-footer-github {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-github:before {
    content: "\e035";
    font-family: ok-f5350cc488
}

.okx-header-footer-official-website {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-official-website:before {
    content: "\e0c4";
    font-family: ok-f5350cc488
}

.okx-header-footer-personal-setting {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-personal-setting:before {
    content: "\e0c2";
    font-family: ok-f5350cc488
}

.okx-header-footer-web3 {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-web3:before {
    content: "\e0c1";
    font-family: ok-f5350cc488
}

.okx-header-footer-night-outline {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-night-outline:before {
    content: "\e0c0";
    font-family: ok-f5350cc488
}

.okx-header-footer-night-filled {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-night-filled:before {
    content: "\e0bf";
    font-family: ok-f5350cc488
}

.okx-header-footer-light-outline {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-light-outline:before {
    content: "\e0be";
    font-family: ok-f5350cc488
}

.okx-header-footer-light-filled {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-light-filled:before {
    content: "\e0bd";
    font-family: ok-f5350cc488
}

.okx-header-footer-computer-outline {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-computer-outline:before {
    content: "\e0bc";
    font-family: ok-f5350cc488
}

.okx-header-footer-computer-filled {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-computer-filled:before {
    content: "\e0bb";
    font-family: ok-f5350cc488
}

.okx-header-footer-xbtc {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-xbtc:before {
    content: "\e0ba";
    font-family: ok-f5350cc488
}

.okx-header-footer-question-mark {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-question-mark:before {
    content: "\e0b9";
    font-family: ok-f5350cc488
}

.okx-header-footer-fire-flame {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-fire-flame:before {
    content: "\e0b8";
    font-family: ok-f5350cc488
}

.okx-header-footer-leaderboard {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-leaderboard:before {
    content: "\e0b3";
    font-family: ok-f5350cc488
}

.okx-header-footer-pump {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-pump:before {
    content: "\e0b4";
    font-family: ok-f5350cc488
}

.okx-header-footer-signal {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-signal:before {
    content: "\e0b6";
    font-family: ok-f5350cc488
}

.okx-header-footer-tracker {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-tracker:before {
    content: "\e0b7";
    font-family: ok-f5350cc488
}

.okx-header-footer-trading-mmportal {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-trading-mmportal:before {
    content: "\e0b0";
    font-family: ok-f5350cc488
}

.okx-header-footer-user-protection {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-user-protection:before {
    content: "\e0af";
    font-family: ok-f5350cc488
}

.okx-header-footer-defi-recognized {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-defi-recognized:before {
    content: "\e0ae";
    font-family: ok-f5350cc488
}

.okx-header-footer-token {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-token:before {
    content: "\e0ac";
    font-family: ok-f5350cc488
}

.okx-header-footer-exchange-rate {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-exchange-rate:before {
    content: "\e0ad";
    font-family: ok-f5350cc488
}

.okx-header-footer-loan-updated {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-loan-updated:before {
    content: "\e0a8";
    font-family: ok-f5350cc488
}

.okx-header-footer-referral-updated {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-referral-updated:before {
    content: "\e0aa";
    font-family: ok-f5350cc488
}

.okx-header-footer-bridge-updated {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-bridge-updated:before {
    content: "\e0a7";
    font-family: ok-f5350cc488
}

.okx-header-footer-pro-trade {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-pro-trade:before {
    content: "\e0a6";
    font-family: ok-f5350cc488
}

.okx-header-footer-web3-defi {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-web3-defi:before {
    content: "\e0a3";
    font-family: ok-f5350cc488
}

.okx-header-footer-trading-nmp {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-trading-nmp:before {
    content: "\e0a1";
    font-family: ok-f5350cc488
}

.okx-header-footer-fireworks {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-fireworks:before {
    content: "\e0a0";
    font-family: ok-f5350cc488
}

.okx-header-footer-futures-copy {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-futures-copy:before {
    content: "\e09f";
    font-family: ok-f5350cc488
}

.okx-header-footer-premarket {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-premarket:before {
    content: "\e09e";
    font-family: ok-f5350cc488
}

.okx-header-footer-user {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-user:before {
    content: "\e08a";
    font-family: ok-f5350cc488
}

.okx-header-footer-tips {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-tips:before {
    content: "\e09d";
    font-family: ok-f5350cc488
}

.okx-header-footer-testnetbridge {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-testnetbridge:before {
    content: "\e09c";
    font-family: ok-f5350cc488
}

.okx-header-footer-crypto-gifts {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-crypto-gifts:before {
    content: "\e09b";
    font-family: ok-f5350cc488
}

.okx-header-footer-listing-application {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-listing-application:before {
    content: "\e09a";
    font-family: ok-f5350cc488
}

.okx-header-footer-spot-copy {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-spot-copy:before {
    content: "\e098";
    font-family: ok-f5350cc488
}

.okx-header-footer-trader-recruitment {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-trader-recruitment:before {
    content: "\e097";
    font-family: ok-f5350cc488
}

.okx-header-footer-flash-otc {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-flash-otc:before {
    content: "\e096";
    font-family: ok-f5350cc488
}

.okx-header-footer-explorer {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-explorer:before {
    content: "\e095";
    font-family: ok-f5350cc488
}

.okx-header-footer-analysis {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-analysis:before {
    content: "\e000";
    font-family: ok-f5350cc488
}

.okx-header-footer--ecosystem {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer--ecosystem:before {
    content: "\e001";
    font-family: ok-f5350cc488
}

.okx-header-footer-api-1 {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-api-1:before {
    content: "\e002";
    font-family: ok-f5350cc488
}

.okx-header-footer-arrow-chevrons-right {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-arrow-chevrons-right:before {
    content: "\e003";
    font-family: ok-f5350cc488
}

.okx-header-footer-arrow-chevrons-up {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-arrow-chevrons-up:before {
    content: "\e004";
    font-family: ok-f5350cc488
}

.okx-header-footer-authorization {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-authorization:before {
    content: "\e005";
    font-family: ok-f5350cc488
}

.okx-header-footer-biyong {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-biyong:before {
    content: "\e006";
    font-family: ok-f5350cc488
}

.okx-header-footer-api {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-api:before {
    content: "\e009";
    font-family: ok-f5350cc488
}

.okx-header-footer-blockdream-ventures-1 {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-blockdream-ventures-1:before {
    content: "\e00a";
    font-family: ok-f5350cc488
}

.okx-header-footer-arbitrage-order {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-arbitrage-order:before {
    content: "\e00b";
    font-family: ok-f5350cc488
}

.okx-header-footer-arrow-chevrons-down {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-arrow-chevrons-down:before {
    content: "\e00c";
    font-family: ok-f5350cc488
}

.okx-header-footer-copytrading {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-copytrading:before {
    content: "\e00d";
    font-family: ok-f5350cc488
}

.okx-header-footer-cryptopedia {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-cryptopedia:before {
    content: "\e00e";
    font-family: ok-f5350cc488
}

.okx-header-footer-create-a-bot {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-create-a-bot:before {
    content: "\e00f";
    font-family: ok-f5350cc488
}

.okx-header-footer-dapp {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-dapp:before {
    content: "\e010";
    font-family: ok-f5350cc488
}

.okx-header-footer-bridge {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-bridge:before {
    content: "\e011";
    font-family: ok-f5350cc488
}

.okx-header-footer-arrow-pointer-left-sm {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-arrow-pointer-left-sm:before {
    content: "\e012";
    font-family: ok-f5350cc488
}

.okx-header-footer-buy-crypto {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-buy-crypto:before {
    content: "\e013";
    font-family: ok-f5350cc488
}

.okx-header-footer-broker {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-broker:before {
    content: "\e014";
    font-family: ok-f5350cc488
}

.okx-header-footer-buy-with-card {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-buy-with-card:before {
    content: "\e015";
    font-family: ok-f5350cc488
}

.okx-header-footer-celue {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-celue:before {
    content: "\e016";
    font-family: ok-f5350cc488
}

.okx-header-footer-center {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-center:before {
    content: "\e017";
    font-family: ok-f5350cc488
}

.okx-header-footer-check {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-check:before {
    content: "\e018";
    font-family: ok-f5350cc488
}

.okx-header-footer-close {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-close:before {
    content: "\e019";
    font-family: ok-f5350cc488
}

.okx-header-footer-cloud {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-cloud:before {
    content: "\e01a";
    font-family: ok-f5350cc488
}

.okx-header-footer-community {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-community:before {
    content: "\e01b";
    font-family: ok-f5350cc488
}

.okx-header-footer-convert-1 {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-convert-1:before {
    content: "\e01c";
    font-family: ok-f5350cc488
}

.okx-header-footer-copiers {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-copiers:before {
    content: "\e01d";
    font-family: ok-f5350cc488
}

.okx-header-footer-convert {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-convert:before {
    content: "\e01e";
    font-family: ok-f5350cc488
}

.okx-header-footer-copy-trading {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-copy-trading:before {
    content: "\e01f";
    font-family: ok-f5350cc488
}

.okx-header-footer-defi {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-defi:before {
    content: "\e020";
    font-family: ok-f5350cc488
}

.okx-header-footer-demo-trading-1 {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-demo-trading-1:before {
    content: "\e021";
    font-family: ok-f5350cc488
}

.okx-header-footer-demo-trading {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-demo-trading:before {
    content: "\e022";
    font-family: ok-f5350cc488
}

.okx-header-footer-deposit {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-deposit:before {
    content: "\e023";
    font-family: ok-f5350cc488
}

.okx-header-footer-developers {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-developers:before {
    content: "\e024";
    font-family: ok-f5350cc488
}

.okx-header-footer-dialogue {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-dialogue:before {
    content: "\e025";
    font-family: ok-f5350cc488
}

.okx-header-footer-discord {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-discord:before {
    content: "\e026";
    font-family: ok-f5350cc488
}

.okx-header-footer-doc {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-doc:before {
    content: "\e027";
    font-family: ok-f5350cc488
}

.okx-header-footer-dot {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-dot:before {
    content: "\e028";
    font-family: ok-f5350cc488
}

.okx-header-footer-download {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-download:before {
    content: "\e029";
    font-family: ok-f5350cc488
}

.okx-header-footer-earn {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-earn:before {
    content: "\e02a";
    font-family: ok-f5350cc488
}

.okx-header-footer-event {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-event:before {
    content: "\e02b";
    font-family: ok-f5350cc488
}

.okx-header-footer-ecosystem {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-ecosystem:before {
    content: "\e02c";
    font-family: ok-f5350cc488
}

.okx-header-footer-exclamation {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-exclamation:before {
    content: "\e02d";
    font-family: ok-f5350cc488
}

.okx-header-footer-facebook,
.okx-header-footer-faucet {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-facebook:before {
    content: "\e02f";
    font-family: ok-f5350cc488
}

.okx-header-footer-fees {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-fees:before {
    content: "\e030";
    font-family: ok-f5350cc488
}

.okx-header-footer-fixed-loan {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-fixed-loan:before {
    content: "\e031";
    font-family: ok-f5350cc488
}

.okx-header-footer-futures {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-futures:before {
    content: "\e032";
    font-family: ok-f5350cc488
}

.okx-header-footer-galex {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-galex:before {
    content: "\e033";
    font-family: ok-f5350cc488
}

.okx-header-footer-gasback {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-gasback:before {
    content: "\e034";
    font-family: ok-f5350cc488
}

.okx-header-footer-gift {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-gift:before {
    content: "\e036";
    font-family: ok-f5350cc488
}

.okx-header-footer-language-1 {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-language-1:before {
    content: "\e037";
    font-family: ok-f5350cc488
}

.okx-header-footer-join-group {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-join-group:before {
    content: "\e038";
    font-family: ok-f5350cc488
}

.okx-header-footer-hamburger {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-hamburger:before {
    content: "\e03b";
    font-family: ok-f5350cc488
}

.okx-header-footer-line {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-line:before {
    content: "\e03c";
    font-family: ok-f5350cc488
}

.okx-header-footer-linkedin {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-linkedin:before {
    content: "\e03d";
    font-family: ok-f5350cc488
}

.okx-header-footer-loan {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-loan:before {
    content: "\e03e";
    font-family: ok-f5350cc488
}

.okx-header-footer-historical-market-data {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-historical-market-data:before {
    content: "\e03f";
    font-family: ok-f5350cc488
}

.okx-header-footer-managed-trading-sub-accounts {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-managed-trading-sub-accounts:before {
    content: "\e040";
    font-family: ok-f5350cc488
}

.okx-header-footer-home-1 {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-home-1:before {
    content: "\e041";
    font-family: ok-f5350cc488
}

.okx-header-footer-help-center {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-help-center:before {
    content: "\e042";
    font-family: ok-f5350cc488
}

.okx-header-footer-marketplace {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-marketplace:before {
    content: "\e043";
    font-family: ok-f5350cc488
}

.okx-header-footer-home {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-home:before {
    content: "\e044";
    font-family: ok-f5350cc488
}

.okx-header-footer-hot {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-hot:before {
    content: "\e045";
    font-family: ok-f5350cc488
}

.okx-header-footer-nitro-spreads {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-nitro-spreads:before {
    content: "\e046";
    font-family: ok-f5350cc488
}

.okx-header-footer-node {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-node:before {
    content: "\e047";
    font-family: ok-f5350cc488
}

.okx-header-footer-notice {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-notice:before {
    content: "\e048";
    font-family: ok-f5350cc488
}

.okx-header-footer-okb {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-okb:before {
    content: "\e049";
    font-family: ok-f5350cc488
}

.okx-header-footer-okc {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-okc:before {
    content: "\e04a";
    font-family: ok-f5350cc488
}

.okx-header-footer-oklink-1 {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-oklink-1:before {
    content: "\e04b";
    font-family: ok-f5350cc488
}

.okx-header-footer-oklink {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-oklink:before {
    content: "\e04c";
    font-family: ok-f5350cc488
}

.okx-header-footer-okx {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-okx:before {
    content: "\e04d";
    font-family: ok-f5350cc488
}

.okx-header-footer-overview {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-overview:before {
    content: "\e04e";
    font-family: ok-f5350cc488
}

.okx-header-footer-opptunities {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-opptunities:before {
    content: "\e04f";
    font-family: ok-f5350cc488
}

.okx-header-footer-p2p-trading {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-p2p-trading:before {
    content: "\e050";
    font-family: ok-f5350cc488
}

.okx-header-footer-payment-settings {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-payment-settings:before {
    content: "\e051";
    font-family: ok-f5350cc488
}

.okx-header-footer-perp {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-perp:before {
    content: "\e052";
    font-family: ok-f5350cc488
}

.okx-header-footer-pool {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-pool:before {
    content: "\e053";
    font-family: ok-f5350cc488
}

.okx-header-footer-ibc {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-ibc:before {
    content: "\e054";
    font-family: ok-f5350cc488
}

.okx-header-footer-press-room {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-press-room:before {
    content: "\e055";
    font-family: ok-f5350cc488
}

.okx-header-footer-hot-1 {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-hot-1:before {
    content: "\e056";
    font-family: ok-f5350cc488
}

.okx-header-footer-id-card {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-id-card:before {
    content: "\e057";
    font-family: ok-f5350cc488
}

.okx-header-footer-information {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-information:before {
    content: "\e058";
    font-family: ok-f5350cc488
}

.okx-header-footer-info {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-info:before {
    content: "\e059";
    font-family: ok-f5350cc488
}

.okx-header-footer-instagram {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-instagram:before {
    content: "\e05a";
    font-family: ok-f5350cc488
}

.okx-header-footer-question {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-question:before {
    content: "\e05b";
    font-family: ok-f5350cc488
}

.okx-header-footer-proof-of-reservation {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-proof-of-reservation:before {
    content: "\e05c";
    font-family: ok-f5350cc488
}

.okx-header-footer-questn {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-questn:before {
    content: "\e05d";
    font-family: ok-f5350cc488
}

.okx-header-footer-institutions-home {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-institutions-home:before {
    content: "\e05e";
    font-family: ok-f5350cc488
}

.okx-header-footer-jumpstart {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-jumpstart:before {
    content: "\e05f";
    font-family: ok-f5350cc488
}

.okx-header-footer-rewards {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-rewards:before {
    content: "\e060";
    font-family: ok-f5350cc488
}

.okx-header-footer-language {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-language:before {
    content: "\e061";
    font-family: ok-f5350cc488
}

.okx-header-footer-learn {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-learn:before {
    content: "\e062";
    font-family: ok-f5350cc488
}

.okx-header-footer-logout {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-logout:before {
    content: "\e063";
    font-family: ok-f5350cc488
}

.okx-header-footer-margin-trading {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-margin-trading:before {
    content: "\e064";
    font-family: ok-f5350cc488
}

.okx-header-footer-marketing {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-marketing:before {
    content: "\e065";
    font-family: ok-f5350cc488
}

.okx-header-footer-more {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-more:before {
    content: "\e066";
    font-family: ok-f5350cc488
}

.okx-header-footer-reddit {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-reddit:before {
    content: "\e068";
    font-family: ok-f5350cc488
}

.okx-header-footer-records {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-records:before {
    content: "\e069";
    font-family: ok-f5350cc488
}

.okx-header-footer-referral {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-referral:before {
    content: "\e06a";
    font-family: ok-f5350cc488
}

.okx-header-footer-report-centre {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-report-centre:before {
    content: "\e06b";
    font-family: ok-f5350cc488
}

.okx-header-footer-rfq {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-rfq:before {
    content: "\e06c";
    font-family: ok-f5350cc488
}

.okx-header-footer-safe {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-safe:before {
    content: "\e06d";
    font-family: ok-f5350cc488
}

.okx-header-footer-security-of-funds {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-security-of-funds:before {
    content: "\e06e";
    font-family: ok-f5350cc488
}

.okx-header-footer-security-settings {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-security-settings:before {
    content: "\e06f";
    font-family: ok-f5350cc488
}

.okx-header-footer-signout {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-signout:before {
    content: "\e070";
    font-family: ok-f5350cc488
}

.okx-header-footer-spot-1 {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-spot-1:before {
    content: "\e071";
    font-family: ok-f5350cc488
}

.okx-header-footer-spot {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-spot:before {
    content: "\e072";
    font-family: ok-f5350cc488
}

.okx-header-footer-stake {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-stake:before {
    content: "\e073";
    font-family: ok-f5350cc488
}

.okx-header-footer-start-demo-trading {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-start-demo-trading:before {
    content: "\e074";
    font-family: ok-f5350cc488
}

.okx-header-footer-status {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-status:before {
    content: "\e075";
    font-family: ok-f5350cc488
}

.okx-header-footer-swap {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-swap:before {
    content: "\e077";
    font-family: ok-f5350cc488
}

.okx-header-footer-support {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-support:before {
    content: "\e078";
    font-family: ok-f5350cc488
}

.okx-header-footer-subgraph {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-subgraph:before {
    content: "\e079";
    font-family: ok-f5350cc488
}

.okx-header-footer-testnet {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-testnet:before {
    content: "\e07a";
    font-family: ok-f5350cc488
}

.okx-header-footer-telegram {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-telegram:before {
    content: "\e07b";
    font-family: ok-f5350cc488
}

.okx-header-footer-sub-account {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-sub-account:before {
    content: "\e07c";
    font-family: ok-f5350cc488
}

.okx-header-footer-trade-perp {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-trade-perp:before {
    content: "\e07d";
    font-family: ok-f5350cc488
}

.okx-header-footer-tiktok {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-tiktok:before {
    content: "\e07e";
    font-family: ok-f5350cc488
}

.okx-header-footer-third-party-payment,
.okx-header-footer-trade-swap {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-trade-swap:before {
    content: "\e080";
    font-family: ok-f5350cc488
}

.okx-header-footer-x1swap {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-x1swap:before {
    content: "\e081";
    font-family: ok-f5350cc488
}

.okx-header-footer-tradingview {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-tradingview:before {
    content: "\e082";
    font-family: ok-f5350cc488
}

.okx-header-footer-trading-view {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-trading-view:before {
    content: "\e083";
    font-family: ok-f5350cc488
}

.okx-header-footer-transfer {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-transfer:before {
    content: "\e084";
    font-family: ok-f5350cc488
}

.okx-header-footer-twitter-1 {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-twitter-1:before {
    content: "\e085";
    font-family: ok-f5350cc488
}

.okx-header-footer-twitter {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-twitter:before {
    content: "\e086";
    font-family: ok-f5350cc488
}

.okx-header-footer-trading-bot {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-trading-bot:before {
    content: "\e087";
    font-family: ok-f5350cc488
}

.okx-header-footer-user-community {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-user-community:before {
    content: "\e088";
    font-family: ok-f5350cc488
}

.okx-header-footer-transactions {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-transactions:before {
    content: "\e089";
    font-family: ok-f5350cc488
}

.okx-header-footer-user-home {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-user-home:before {
    content: "\e08b";
    font-family: ok-f5350cc488
}

.okx-header-footer-try-fiat {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-try-fiat:before {
    content: "\e08c";
    font-family: ok-f5350cc488
}

.okx-header-footer-verification {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-verification:before {
    content: "\e08d";
    font-family: ok-f5350cc488
}

.okx-header-footer-vip-loan {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-vip-loan:before {
    content: "\e08e";
    font-family: ok-f5350cc488
}

.okx-header-footer-vk {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-vk:before {
    content: "\e08f";
    font-family: ok-f5350cc488
}

.okx-header-footer-withdraw {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-withdraw:before {
    content: "\e090";
    font-family: ok-f5350cc488
}

.okx-header-footer-weibo {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-weibo:before {
    content: "\e091";
    font-family: ok-f5350cc488
}

.okx-header-footer-youtube {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-youtube:before {
    content: "\e092";
    font-family: ok-f5350cc488
}

.okx-header-footer-wallet {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-wallet:before {
    content: "\e093";
    font-family: ok-f5350cc488
}

.okx-header-footer-warning {
    --ok-icon-font-family: "ok-f5350cc488"
}

.okx-header-footer-warning:before {
    content: "\e094";
    font-family: ok-f5350cc488
}

.iconfont {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    font-style: normal
}

.iconfont:before {
    display: inline-block
}



[dir=rtl] .okx-header-footer-arrow-chevrons-right:before,
[dir=rtl] .okx-header-footer-arrow-pointer-left-sm:before,
[dir=rtl] .okx-header-footer-center:before,
[dir=rtl] .okx-header-footer-dialogue:before,
[dir=rtl] .okx-header-footer-question:before,
[dir=rtl] .okx-header-footer-report-centre:before {
    transform: scaleX(-1)
}

.theme-light {
    --oxnv-okd-color-gray-050: #f9f9f9;
    --oxnv-okd-color-gray-100: #ebebeb;
    --oxnv-okd-color-gray-200: #dbdbdb;
    --oxnv-okd-color-gray-300: #bdbdbd;
    --oxnv-okd-color-gray-400: #929292;
    --oxnv-okd-color-gray-500: #6e6e6e;
    --oxnv-okd-color-gray-600: #545454;
    --oxnv-okd-color-gray-700: #3d3d3d;
    --oxnv-okd-color-gray-800: #1a1a1a;
    --oxnv-okd-color-gray-900: #000;
    --oxnv-okd-color-blue-050: #f5f9ff;
    --oxnv-okd-color-blue-100: #d1e3ff;
    --oxnv-okd-color-blue-200: #afcfff;
    --oxnv-okd-color-blue-300: #8dbbff;
    --oxnv-okd-color-blue-400: #6ba6ff;
    --oxnv-okd-color-blue-500: #4992ff;
    --oxnv-okd-color-blue-600: #277dff;
    --oxnv-okd-color-blue-700: #0569ff;
    --oxnv-okd-color-blue-800: #005eea;
    --oxnv-okd-color-blue-900: #0051ca;
    --oxnv-okd-color-green-050: #f2fff7;
    --oxnv-okd-color-green-100: #d2f4de;
    --oxnv-okd-color-green-200: #a5e9be;
    --oxnv-okd-color-green-300: #78de9d;
    --oxnv-okd-color-green-400: #4bd37d;
    --oxnv-okd-color-green-500: #31bd65;
    --oxnv-okd-color-green-600: #18a04a;
    --oxnv-okd-color-green-700: #127837;
    --oxnv-okd-color-green-800: #0c5025;
    --oxnv-okd-color-green-900: #0c5025;
    --oxnv-okd-color-red-050: #fff8f9;
    --oxnv-okd-color-red-100: #fcdce5;
    --oxnv-okd-color-red-200: #f9b9ca;
    --oxnv-okd-color-red-300: #f796b0;
    --oxnv-okd-color-red-400: #f07596;
    --oxnv-okd-color-red-500: #f1507b;
    --oxnv-okd-color-red-600: #c14062;
    --oxnv-okd-color-red-700: #91304a;
    --oxnv-okd-color-red-800: #602031;
    --oxnv-okd-color-red-900: #301019;
    --oxnv-okd-color-orange-050: #fef9f6;
    --oxnv-okd-color-orange-100: #fce3d4;
    --oxnv-okd-color-orange-200: #fbceb4;
    --oxnv-okd-color-orange-300: #f9b994;
    --oxnv-okd-color-orange-400: #f7a474;
    --oxnv-okd-color-orange-500: #f58f54;
    --oxnv-okd-color-orange-600: #f6813d;
    --oxnv-okd-color-orange-700: #f16514;
    --oxnv-okd-color-orange-800: #e96010;
    --oxnv-okd-color-orange-900: #bf4803;
    --oxnv-okd-color-yellow-050: #fffcf5;
    --oxnv-okd-color-yellow-100: #fff2d1;
    --oxnv-okd-color-yellow-200: #ffe9af;
    --oxnv-okd-color-yellow-300: #ffdf8d;
    --oxnv-okd-color-yellow-400: #ffd66b;
    --oxnv-okd-color-yellow-500: #ffcc49;
    --oxnv-okd-color-yellow-600: #ffc327;
    --oxnv-okd-color-yellow-700: #ffb905;
    --oxnv-okd-color-yellow-800: #eaa900;
    --oxnv-okd-color-yellow-900: #d29801;
    --oxnv-okd-color-text-white: #fff;
    --oxnv-okd-color-text-black: #1f2933;
    --oxnv-okd-color-background-1: #fff;
    --oxnv-okd-color-background-2: #f7f7f7;
    --oxnv-okd-color-transparent: transparent;
    --oxnv-okd-color-white: #fff;
    --oxnv-okd-color-black: #000;
    --oxnv-okd-color-line-muted: #ebebeb;
    --oxnv-okd-color-line-secondary: #dbdbdb;
    --oxnv-okd-color-line-amplifed: #bdbdbd;
    --oxnv-okd-color-text-lighter: #bdbdbd;
    --oxnv-okd-color-text-light: #929292;
    --oxnv-okd-color-text-secondary: #3d3d3d;
    --oxnv-okd-color-text-amplifed: #000;
    --oxnv-okd-color-background-3: #f2f2f2;
    --oxnv-okd-color-fq-blue-lv1: #0569ff;
    --oxnv-okd-color-fq-green-lv1: #19cc5b;
    --oxnv-okd-color-fq-red-lv1: #f1507b;
    --oxnv-okd-color-fq-orange-lv1: #f16514;
    --oxnv-okd-color-fq-blue-lv2: #0569ff;
    --oxnv-okd-color-background-hover: #ebebeb;
    --oxnv-okd-color-prefer-red-chart: #f1507b;
    --oxnv-okd-color-prefer-red-bg: #eb4b6d;
    --oxnv-okd-color-prefer-green-chart: #19cc5b;
    --oxnv-okd-color-prefer-green-bg: #31bd65;
    --oxnv-okd-color-prefer-red-text: #eb4b6d;
    --oxnv-okd-color-prefer-green-text: #31bd65;
    --oxnv-okd-color-branded-primary: #bcff2f;
    --oxnv-okd-color-fq-critical: #eb4b6d;
    --oxnv-okd-color-fq-warning: #f16514;
    --oxnv-okd-color-fq-positive: #31bd65;
    --oxnv-okd-color-fq-neutral: #000;
    --oxnv-okd-color-fq-accent: #0569ff;
    --oxnv-okd-color-prefer-neutral-text: #929292;
    --oxnv-okd-color-prefer-neutral-bg: #929292;
    --oxnv-okd-color-background-base-primary: #fff;
    --oxnv-okd-color-background-base-secondary: #fafafa;
    --oxnv-okd-color-background-surface-primary: #f3f3f3;
    --oxnv-okd-color-background-surface-secondary: #f6f6f6;
    --oxnv-okd-color-background-surface-pressed: #d9d9d9;
    --oxnv-okd-color-background-surface-disable: #fafafa;
    --oxnv-okd-color-background-scrim: rgba(0, 0, 0, .43);
    --oxnv-okd-color-container-primary: #fff;
    --oxnv-okd-color-container-secondary: #fafafa;
    --oxnv-okd-color-container-tertiary: #fff;
    --oxnv-okd-color-container-contrast: #414141;
    --oxnv-okd-color-container-inverse: #0e0e0e;
    --oxnv-okd-color-content-primary: #000;
    --oxnv-okd-color-content-secondary: #383838;
    --oxnv-okd-color-content-tertiary: #5b5b5b;
    --oxnv-okd-color-content-contrast: #909090;
    --oxnv-okd-color-content-disabled: #b3b3b3;
    --oxnv-okd-color-content-inverse: #fff;
    --oxnv-okd-color-border-primary: #e6e6e6;
    --oxnv-okd-color-border-secondary: #b3b3b3;
    --oxnv-okd-color-border-contrast: #fafafa;
    --oxnv-okd-color-border-selected: #000;
    --oxnv-okd-color-semantic-neutral: #000;
    --oxnv-okd-color-semantic-notice: #ffb117;
    --oxnv-okd-color-semantic-positive: #31bd65;
    --oxnv-okd-color-semantic-negative: #eb4b6d;
    --oxnv-okd-color-semantic-informative: #8a91ff;
    --oxnv-okd-color-semantic-highlight: #bcff2f;
    --oxnv-okd-color-dvp-neutral: rgba(0, 0, 0, .57);
    --oxnv-okd-color-dvp-profit: #00bc4b;
    --oxnv-okd-color-dvp-loss: #f5384f;
    --oxnv-okd-color-categorical-01: #8a91ff;
    --oxnv-okd-color-categorical-02: #ffb117;
    --oxnv-okd-color-categorical-03: #bcff2f;
    --oxnv-okd-color-categorical-04: #12e366;
    --oxnv-okd-color-categorical-05: #ff7888;
    --oxnv-okd-color-common-transparent: hsla(0, 0%, 100%, 0);
    --oxnv-okd-color-transparent-black: transparent;
    --oxnv-okd-color-transparent-white: transparent;
    --oxnv-okd-color-alert-info: #f7f7f7;
    --oxnv-okd-color-alert-success: #eaf8f0;
    --oxnv-okd-color-alert-warning: #fef9f6;
    --oxnv-okd-color-alert-error: #fdedf0;
    --oxnv-okd-color-common-background-2: #f3f3f3;
    --oxnv-okd-color-data-visualization-category-01: #8a91ff;
    --oxnv-okd-color-data-visualization-category-02: #ffb117;
    --oxnv-okd-color-data-visualization-category-03: #bcff2f;
    --oxnv-okd-color-data-visualization-category-04: #12e366;
    --oxnv-okd-color-data-visualization-category-05: #ff7888;
    --oxnv-okd-color-preference-loss: #f5384f;
    --oxnv-okd-color-preference-profit: #00bc4b;
    --oxnv-okd-color-preference-neutral: rgba(0, 0, 0, .57);
    --oxnv-okd-color-border-focus: #000;
    --oxnv-okd-color-background-base-primary_alternative: #fff;
    --oxnv-okd-color-link-content: #4c2fff;
    --oxnv-okd-color-link-accent-content-primary: #2b6d17;
    --oxnv-okd-color-background-surface-contrast: #fff;
    --oxnv-okd-color-background-surface-brand: #000;
    --oxnv-okd-color-border-tertiary: #f3f3f3;
    --oxnv-okd-color-content-brand: #000;
    --oxnv-okd-color-modal-primary: #fff;
    --oxnv-okd-color-modal-secondary: #fff;
    --oxnv-okd-color-modal-tertiary: #fff;
    --oxnv-okd-color-modal-contrast: #4d4d4d;
    --oxnv-okd-color-card-primary: #f6f6f6;
    --oxnv-okd-color-card-secondary: #f6f6f6;
    --oxnv-okd-color-brand-primary: #2b6d17;
    --oxnv-okd-color-brand-primary-alternative: #2b6d17;
    --oxnv-okd-color-brand-secondary: #8ec51d;
    --oxnv-okd-color-brand-tertiary: #bcff2f;
    --oxnv-okd-color-brand-content: #e6ffb0;
    --oxnv-okd-color-brand-content-contrast: #e6ffb0;
    --oxnv-okd-color-global-fixed-always-dark: #000;
    --oxnv-okd-color-global-fixed-always-light: #fff;
    --oxnv-okd-color-surface-structural-subbase: #f5f5f5;
    --oxnv-okd-color-surface-info-default: #4a4a4a;
    --oxnv-okd-color-surface-info-subtle: #f5f5f5;
    --oxnv-okd-color-surface-warning-default: #db8f00;
    --oxnv-okd-color-surface-warning-subtle: #ffedcb;
    --oxnv-okd-color-surface-success-default: #2b6d17;
    --oxnv-okd-color-surface-success-subtle: #e9f4d1;
    --oxnv-okd-color-surface-danger-default: #ba2133;
    --oxnv-okd-color-surface-danger-subtle: #fee0e3;
    --oxnv-okd-color-surface-interactive-default: rgba(0, 0, 0, .04);
    --oxnv-okd-color-surface-interactive-hovered: rgba(0, 0, 0, .14);
    --oxnv-okd-color-surface-interactive-pressed: rgba(0, 0, 0, .22);
    --oxnv-okd-color-surface-interactive-disabled: rgba(0, 0, 0, .02);
    --oxnv-okd-color-surface-interactive-oncolor-default: hsla(0, 0%, 100%, .9);
    --oxnv-okd-color-surface-interactive-oncolor-hovered: hsla(0, 0%, 100%, .7);
    --oxnv-okd-color-surface-interactive-oncolor-pressed: hsla(0, 0%, 100%, .5);
    --oxnv-okd-color-surface-interactive-emphasis-default: rgba(0, 0, 0, .99);
    --oxnv-okd-color-surface-interactive-emphasis-hovered: rgba(0, 0, 0, .8);
    --oxnv-okd-color-surface-interactive-emphasis-pressed: rgba(0, 0, 0, .7);
    --oxnv-okd-color-surface-interactive-emphasis-disabled: rgba(0, 0, 0, .02);
    --oxnv-okd-color-surface-interactive-selected-default: #000;
    --oxnv-okd-color-surface-interactive-selected-subtle: rgba(0, 0, 0, .14);
    --oxnv-okd-color-surface-interactive-selected-oncolor: hsla(0, 0%, 100%, .9);
    --oxnv-okd-color-surface-structural-base: #fff;
    --oxnv-okd-color-surface-structural-layer-1: #f5f5f5;
    --oxnv-okd-color-surface-structural-layer-2: #e6e6e6;
    --oxnv-okd-color-surface-structural-layer-3: #cac9c9;
    --oxnv-okd-color-surface-structural-highlight: var(--global-color-highlight);
    --oxnv-okd-color-surface-structural-inverse: #000;
    --oxnv-okd-color-surface-structural-elevated-default: #fff;
    --oxnv-okd-color-surface-structural-elevated-contrast: #fff;
    --oxnv-okd-color-surface-structural-overlay: rgba(0, 0, 0, .4);
    --oxnv-okd-color-border-static-default: rgba(0, 0, 0, .14);
    --oxnv-okd-color-border-static-subtle: rgba(0, 0, 0, .04);
    --oxnv-okd-color-border-static-dotted: rgba(0, 0, 0, .32);
    --oxnv-okd-color-border-interactive-default: #757575;
    --oxnv-okd-color-border-interactive-hovered: #333;
    --oxnv-okd-color-border-interactive-pressed: #000;
    --oxnv-okd-color-border-interactive-focused: #000;
    --oxnv-okd-color-border-interactive-selected: #000;
    --oxnv-okd-color-border-interactive-error: #ba2133;
    --oxnv-okd-color-border-interactive-emphasis: #4a4a4a;
    --oxnv-okd-color-border-interactive-oncolor: #e6e6e6;
    --oxnv-okd-color-border-static-emphasis: #4a4a4a;
    --oxnv-okd-color-border-static-experience: var(--global-color-experience-default);
    --oxnv-okd-color-border-static-highlight: var(--global-color-highlight);
    --oxnv-okd-color-border-static-overlay: hsla(0, 0%, 100%, .9);
    --oxnv-okd-color-border-interactive-disabled: rgba(0, 0, 0, .14);
    --oxnv-okd-color-border-info-default: #212121;
    --oxnv-okd-color-border-info-subtle: #757575;
    --oxnv-okd-color-border-warning-default: #db8f00;
    --oxnv-okd-color-border-warning-subtle: #ffedcb;
    --oxnv-okd-color-border-success-default: #2b6d17;
    --oxnv-okd-color-border-success-subtle: #e9f4d1;
    --oxnv-okd-color-border-danger-default: #ba2133;
    --oxnv-okd-color-border-danger-subtle: #fee0e3;
    --oxnv-okd-color-content-static-default: #000;
    --oxnv-okd-color-content-interactive-default: #4a4a4a;
    --oxnv-okd-color-content-interactive-subtle: #757575;
    --oxnv-okd-color-content-interactive-hovered: #212121;
    --oxnv-okd-color-content-static-subtle: #5e5e5e;
    --oxnv-okd-color-content-interactive-pressed: #000;
    --oxnv-okd-color-content-static-inverse: #fff;
    --oxnv-okd-color-content-static-highlight: var(--global-color-highlight);
    --oxnv-okd-color-content-static-placeholder: rgba(0, 0, 0, .22);
    --oxnv-okd-color-content-interactive-active: #000;
    --oxnv-okd-color-content-interactive-selected: #000;
    --oxnv-okd-color-content-interactive-error: #ba2133;
    --oxnv-okd-color-content-interactive-disabled: rgba(0, 0, 0, .14);
    --oxnv-okd-color-content-info-default: #212121;
    --oxnv-okd-color-content-info-subtle: #757575;
    --oxnv-okd-color-content-warning-default: #db8f00;
    --oxnv-okd-color-content-warning-subtle: #ffedcb;
    --oxnv-okd-color-content-success-default: #2b6d17;
    --oxnv-okd-color-content-success-subtle: #e9f4d1;
    --oxnv-okd-color-content-danger-default: #ba2133;
    --oxnv-okd-color-content-danger-subtle: #fee0e3;
    --oxnv-okd-color-content-illustration-default: #000;
    --oxnv-okd-color-content-dataviz-categorical-1: #2b6d17;
    --oxnv-okd-color-content-dataviz-categorical-2: #277ae7;
    --oxnv-okd-color-content-dataviz-categorical-3: #db8f00;
    --oxnv-okd-color-content-dataviz-categorical-4: #edc746;
    --oxnv-okd-color-content-dataviz-categorical-5: #9543ff;
    --oxnv-okd-color-content-dataviz-categorical-6: #5e5e5e;
    --oxnv-okd-color-content-dataviz-categorical-7: #858585;
    --oxnv-okd-color-content-dataviz-categorical-8: #afafaf;
    --oxnv-okd-color-content-illustration-inverse: #fff;
    --oxnv-okd-color-content-illustration-experience: var(--global-color-experience-default);
    --oxnv-okd-color-content-illustration-highlight: var(--global-color-highlight);
    --oxnv-okd-font-size-base: 16px;
    --oxnv-okd-font-size-md: 14px;
    --oxnv-okd-font-size-xs: 12px;
    --oxnv-okd-line-height-base: 20px;
    --oxnv-okd-line-height-md: 20px;
    --oxnv-okd-line-height-xs: 16px;
    --oxnv-okd-shadow-none: 0 0 0 0 transparent;
    --oxnv-okd-shadow-xs: 0 0 0 1px #0000000d;
    --oxnv-okd-shadow-sm: 0 1px 2px 0 #0000000d;
    --oxnv-okd-shadow-default: 0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;
    --oxnv-okd-shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;
    --oxnv-okd-shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;
    --oxnv-okd-shadow-xl: 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;
    --oxnv-okd-shadow-2xl: 0 25px 50px -12px #00000040;
    --oxnv-okd-border-radius-none: 0;
    --oxnv-okd-border-radius-sm: 2px;
    --oxnv-okd-border-radius-md: 4px;
    --oxnv-okd-border-radius-lg: 6px;
    --oxnv-okd-border-radius-xl: 8px;
    --oxnv-okd-border-radius-xxl: 10px;
    --oxnv-okd-border-radius-xxxl: 12px;
    --oxnv-okd-font-family: HarmonyOS Sans, SF Pro Text, SF Pro Icons, Arial, Helvetica Neue, Helvetica, sans-serif;
    --oxnv-okd-text-display-lg-font-size: 56px;
    --oxnv-okd-text-display-lg-font-weight: 500;
    --oxnv-okd-text-display-lg-line-height: 1.32;
    --oxnv-okd-text-display-md-font-size: 40px;
    --oxnv-okd-text-display-md-font-weight: 500;
    --oxnv-okd-text-display-md-line-height: 52px;
    --oxnv-okd-text-display-sm-font-size: 40px;
    --oxnv-okd-text-display-sm-font-weight: 500;
    --oxnv-okd-text-display-sm-line-height: 52px;
    --oxnv-okd-text-heading-lg-font-size: 30px;
    --oxnv-okd-text-heading-lg-font-weight: 500;
    --oxnv-okd-text-heading-lg-line-height: 40px;
    --oxnv-okd-text-heading-md-font-size: 24px;
    --oxnv-okd-text-heading-md-font-weight: 500;
    --oxnv-okd-text-heading-md-line-height: 30px;
    --oxnv-okd-text-heading-sm-font-size: 18px;
    --oxnv-okd-text-heading-sm-font-weight: 500;
    --oxnv-okd-text-heading-sm-line-height: 24px;
    --oxnv-okd-text-heading-xl-font-size: 36px;
    --oxnv-okd-text-heading-xl-line-height: 1.32;
    --oxnv-okd-text-heading-xl-font-weight: 600;
    --oxnv-okd-text-heading-xxl-font-size: 40px;
    --oxnv-okd-text-heading-xxl-line-height: 1.32;
    --oxnv-okd-text-heading-xxl-font-weight: 600;
    --oxnv-okd-text-heading-overline-font-size: 12px;
    --oxnv-okd-text-heading-overline-line-height: 15px;
    --oxnv-okd-text-heading-overline-font-weight: 500;
    --oxnv-okd-text-body-sm-regular-font-size: 14px;
    --oxnv-okd-text-body-sm-regular-font-weight: 400;
    --oxnv-okd-text-body-sm-regular-line-height: 21px;
    --oxnv-okd-text-body-sm-bold-font-size: 14px;
    --oxnv-okd-text-body-sm-bold-font-weight: 500;
    --oxnv-okd-text-body-sm-bold-line-height: 21px;
    --oxnv-okd-text-body-md-regular-font-size: 16px;
    --oxnv-okd-text-body-md-regular-font-weight: 400;
    --oxnv-okd-text-body-md-regular-line-height: 24px;
    --oxnv-okd-text-body-md-bold-font-size: 16px;
    --oxnv-okd-text-body-md-bold-font-weight: 500;
    --oxnv-okd-text-body-md-bold-line-height: 24px;
    --oxnv-okd-text-body-xs-regular-font-size: 12px;
    --oxnv-okd-text-body-xs-regular-font-weight: 400;
    --oxnv-okd-text-body-xs-regular-line-height: 18px;
    --oxnv-okd-text-body-xs-bold-font-size: 12px;
    --oxnv-okd-text-body-xs-bold-font-weight: 500;
    --oxnv-okd-text-body-xs-bold-line-height: 18px;
    --oxnv-okd-font-weight-400: 400;
    --oxnv-okd-font-weight-500: 500;
    --oxnv-okd-font-weight-600: 600;
    --oxnv-okd-font-weight-700: 700;
    --oxnv-okd-font-weight-800: 800;
    --oxnv-okd-font-weight-900: 900;
    --oxnv-okd-font-weight-regular: 400;
    --oxnv-okd-font-weight-medium: 500;
    --oxnv-okd-font-weight-bold: 700
}

.theme-dark {
    --oxnv-okd-color-gray-050: #000;
    --oxnv-okd-color-gray-100: #2e2e2e;
    --oxnv-okd-color-gray-200: #404040;
    --oxnv-okd-color-gray-300: #6c6c6c;
    --oxnv-okd-color-gray-400: #909090;
    --oxnv-okd-color-gray-500: #b0b0b0;
    --oxnv-okd-color-gray-600: #ccc;
    --oxnv-okd-color-gray-700: #e3e3e3;
    --oxnv-okd-color-gray-800: #f0f0f0;
    --oxnv-okd-color-gray-900: #fafafa;
    --oxnv-okd-color-blue-050: #051738;
    --oxnv-okd-color-blue-100: #082356;
    --oxnv-okd-color-blue-200: #0c3178;
    --oxnv-okd-color-blue-300: #0f3c94;
    --oxnv-okd-color-blue-400: #1148b0;
    --oxnv-okd-color-blue-500: #1453cc;
    --oxnv-okd-color-blue-600: #175fe8;
    --oxnv-okd-color-blue-700: #1e6bff;
    --oxnv-okd-color-blue-800: #3077ff;
    --oxnv-okd-color-blue-900: #4283ff;
    --oxnv-okd-color-green-050: #002b1f;
    --oxnv-okd-color-green-100: #062b12;
    --oxnv-okd-color-green-200: #0c5625;
    --oxnv-okd-color-green-300: #138037;
    --oxnv-okd-color-green-400: #19ab4a;
    --oxnv-okd-color-green-500: #25a750;
    --oxnv-okd-color-green-600: #4cde7d;
    --oxnv-okd-color-green-700: #79e69d;
    --oxnv-okd-color-green-800: #a5efbe;
    --oxnv-okd-color-green-900: #d2f7de;
    --oxnv-okd-color-red-050: #270b12;
    --oxnv-okd-color-red-100: #300e17;
    --oxnv-okd-color-red-200: #601d2e;
    --oxnv-okd-color-red-300: #902b44;
    --oxnv-okd-color-red-400: #c03a5b;
    --oxnv-okd-color-red-500: #f04872;
    --oxnv-okd-color-red-600: #f76489;
    --oxnv-okd-color-red-700: #f994ae;
    --oxnv-okd-color-red-800: #f9b6c7;
    --oxnv-okd-color-red-900: #fff8f9;
    --oxnv-okd-color-orange-050: #361604;
    --oxnv-okd-color-orange-100: #532206;
    --oxnv-okd-color-orange-200: #743008;
    --oxnv-okd-color-orange-300: #8f3b0a;
    --oxnv-okd-color-orange-400: #aa460c;
    --oxnv-okd-color-orange-500: #c5510e;
    --oxnv-okd-color-orange-600: #e15c0f;
    --oxnv-okd-color-orange-700: #f76816;
    --oxnv-okd-color-orange-800: #f87428;
    --oxnv-okd-color-orange-900: #fa8c4d;
    --oxnv-okd-color-yellow-050: #2d2104;
    --oxnv-okd-color-yellow-100: #493603;
    --oxnv-okd-color-yellow-200: #674b04;
    --oxnv-okd-color-yellow-300: #7f5d05;
    --oxnv-okd-color-yellow-400: #966e06;
    --oxnv-okd-color-yellow-500: #ae8007;
    --oxnv-okd-color-yellow-600: #c69208;
    --oxnv-okd-color-yellow-700: #dba20e;
    --oxnv-okd-color-yellow-800: #dea921;
    --oxnv-okd-color-yellow-900: #e0b134;
    --oxnv-okd-color-text-white: #fff;
    --oxnv-okd-color-text-black: #1f2933;
    --oxnv-okd-color-background-1: #121212;
    --oxnv-okd-color-background-2: #1a1a1a;
    --oxnv-okd-color-transparent: transparent;
    --oxnv-okd-color-white: #fff;
    --oxnv-okd-color-black: #000;
    --oxnv-okd-color-line-muted: #2e2e2e;
    --oxnv-okd-color-line-amplifed: #6c6c6c;
    --oxnv-okd-color-line-secondary: #404040;
    --oxnv-okd-color-text-lighter: #6c6c6c;
    --oxnv-okd-color-text-light: #909090;
    --oxnv-okd-color-text-secondary: #e3e3e3;
    --oxnv-okd-color-text-amplifed: #fafafa;
    --oxnv-okd-color-background-3: #242424;
    --oxnv-okd-color-fq-blue-lv1: #3077ff;
    --oxnv-okd-color-fq-blue-lv2: #1e6bff;
    --oxnv-okd-color-fq-green-lv1: #1fd65c;
    --oxnv-okd-color-fq-red-lv1: #f04872;
    --oxnv-okd-color-fq-orange-lv1: #f76816;
    --oxnv-okd-color-prefer-red-chart: #f04872;
    --oxnv-okd-color-prefer-red-bg: #ca3f64;
    --oxnv-okd-color-prefer-green-chart: #1fd65c;
    --oxnv-okd-color-prefer-green-bg: #25a750;
    --oxnv-okd-color-prefer-red-text: #ca3f64;
    --oxnv-okd-color-prefer-green-text: #25a750;
    --oxnv-okd-color-branded-primary: #bcff2f;
    --oxnv-okd-color-fq-critical: #f04872;
    --oxnv-okd-color-fq-positive: #25a750;
    --oxnv-okd-color-fq-warning: #f76816;
    --oxnv-okd-color-fq-accent: #1e6bff;
    --oxnv-okd-color-fq-neutral: #fafafa;
    --oxnv-okd-color-prefer-neutral-bg: #909090;
    --oxnv-okd-color-prefer-neutral-text: #909090;
    --oxnv-okd-color-background-base-primary: #000;
    --oxnv-okd-color-background-base-secondary: #121212;
    --oxnv-okd-color-background-surface-primary: #1d1d1d;
    --oxnv-okd-color-background-surface-secondary: #121212;
    --oxnv-okd-color-background-surface-pressed: #383838;
    --oxnv-okd-color-background-surface-disable: #0e0e0e;
    --oxnv-okd-color-background-scrim: rgba(0, 0, 0, .68);
    --oxnv-okd-color-container-primary: #272727;
    --oxnv-okd-color-container-secondary: #272727;
    --oxnv-okd-color-container-tertiary: #383838;
    --oxnv-okd-color-container-contrast: #414141;
    --oxnv-okd-color-container-inverse: #fafafa;
    --oxnv-okd-color-content-primary: #fff;
    --oxnv-okd-color-content-secondary: #e6e6e6;
    --oxnv-okd-color-content-tertiary: #b3b3b3;
    --oxnv-okd-color-content-contrast: #909090;
    --oxnv-okd-color-content-disabled: #5b5b5b;
    --oxnv-okd-color-content-inverse: #000;
    --oxnv-okd-color-border-primary: #383838;
    --oxnv-okd-color-border-secondary: #4d4d4d;
    --oxnv-okd-color-border-contrast: #000;
    --oxnv-okd-color-border-selected: #fff;
    --oxnv-okd-color-semantic-neutral: #fff;
    --oxnv-okd-color-semantic-notice: #ffb117;
    --oxnv-okd-color-semantic-positive: #25a750;
    --oxnv-okd-color-semantic-negative: #ca3f64;
    --oxnv-okd-color-semantic-informative: #8a91ff;
    --oxnv-okd-color-semantic-highlight: #bcff2f;
    --oxnv-okd-color-dvp-neutral: hsla(0, 0%, 100%, .76);
    --oxnv-okd-color-dvp-profit: #25a750;
    --oxnv-okd-color-dvp-loss: #ca3f64;
    --oxnv-okd-color-categorical-01: #5f62ff;
    --oxnv-okd-color-categorical-02: #ffb117;
    --oxnv-okd-color-categorical-03: #bcff2f;
    --oxnv-okd-color-categorical-04: #00bc4b;
    --oxnv-okd-color-categorical-05: #f5384f;
    --oxnv-okd-color-transparent-white: transparent;
    --oxnv-okd-color-transparent-black: hsla(0, 0%, 100%, .02);
    --oxnv-okd-color-common-transparent: hsla(0, 0%, 100%, 0);
    --oxnv-okd-color-container-lv2: #1a1a1a;
    --oxnv-okd-color-alert-info: #2e2e2e;
    --oxnv-okd-color-alert-success: #002b1f;
    --oxnv-okd-color-alert-warning: #361604;
    --oxnv-okd-color-alert-error: #270b12;
    --oxnv-okd-color-common-background-2: #383838;
    --oxnv-okd-color-data-visualization-category-01: #5f62ff;
    --oxnv-okd-color-data-visualization-category-02: #ffb117;
    --oxnv-okd-color-data-visualization-category-03: #bcff2f;
    --oxnv-okd-color-data-visualization-category-04: #00bc4b;
    --oxnv-okd-color-data-visualization-category-05: #f5384f;
    --oxnv-okd-color-preference-loss: #ca3f64;
    --oxnv-okd-color-preference-profit: #25a750;
    --oxnv-okd-color-preference-neutral: hsla(0, 0%, 100%, .76);
    --oxnv-okd-color-border-focus: #fff;
    --oxnv-okd-color-background-base-primary_alternative: #000;
    --oxnv-okd-color-link-content: #8a91ff;
    --oxnv-okd-color-link-accent-content-primary: #bcff2f;
    --oxnv-okd-color-background-surface-contrast: #272727;
    --oxnv-okd-color-background-surface-brand: #bcff2f;
    --oxnv-okd-color-border-tertiary: #0e0e0e;
    --oxnv-okd-color-content-brand: #bcff2f;
    --oxnv-okd-color-modal-primary: #0e0e0e;
    --oxnv-okd-color-modal-secondary: #272727;
    --oxnv-okd-color-modal-tertiary: #383838;
    --oxnv-okd-color-modal-contrast: #4d4d4d;
    --oxnv-okd-color-card-primary: #0e0e0e;
    --oxnv-okd-color-card-secondary: #121212;
    --oxnv-okd-color-brand-primary: #121212;
    --oxnv-okd-color-brand-primary-alternative: #bcff2f;
    --oxnv-okd-color-brand-secondary: #272727;
    --oxnv-okd-color-brand-tertiary: #383838;
    --oxnv-okd-color-brand-content: #e6ffb0;
    --oxnv-okd-color-brand-content-contrast: #000;
    --oxnv-okd-color-global-fixed-always-dark: #000;
    --oxnv-okd-color-global-fixed-always-light: #fff;
    --oxnv-okd-color-surface-structural-subbase: #121212;
    --oxnv-okd-color-surface-info-default: #b8b8b8;
    --oxnv-okd-color-surface-info-subtle: #121212;
    --oxnv-okd-color-surface-warning-default: #ffb117;
    --oxnv-okd-color-surface-warning-subtle: #4d3200;
    --oxnv-okd-color-surface-success-default: #49a92d;
    --oxnv-okd-color-surface-success-subtle: #192400;
    --oxnv-okd-color-surface-danger-default: #f57a8a;
    --oxnv-okd-color-surface-danger-subtle: #420a10;
    --oxnv-okd-color-surface-interactive-default: hsla(0, 0%, 100%, .07);
    --oxnv-okd-color-surface-interactive-hovered: hsla(0, 0%, 100%, .22);
    --oxnv-okd-color-surface-interactive-pressed: hsla(0, 0%, 100%, .3);
    --oxnv-okd-color-surface-interactive-disabled: hsla(0, 0%, 100%, .04);
    --oxnv-okd-color-surface-interactive-oncolor-default: hsla(0, 0%, 100%, .1);
    --oxnv-okd-color-surface-interactive-oncolor-hovered: hsla(0, 0%, 100%, .15);
    --oxnv-okd-color-surface-interactive-oncolor-pressed: hsla(0, 0%, 100%, .2);
    --oxnv-okd-color-surface-interactive-emphasis-default: hsla(0, 0%, 100%, .99);
    --oxnv-okd-color-surface-interactive-emphasis-hovered: hsla(0, 0%, 100%, .8);
    --oxnv-okd-color-surface-interactive-emphasis-pressed: hsla(0, 0%, 100%, .7);
    --oxnv-okd-color-surface-interactive-emphasis-disabled: hsla(0, 0%, 100%, .04);
    --oxnv-okd-color-surface-interactive-selected-default: #fff;
    --oxnv-okd-color-surface-interactive-selected-subtle: hsla(0, 0%, 100%, .22);
    --oxnv-okd-color-surface-interactive-selected-oncolor: hsla(0, 0%, 100%, .1);
    --oxnv-okd-color-surface-structural-base: #000;
    --oxnv-okd-color-surface-structural-layer-1: #121212;
    --oxnv-okd-color-surface-structural-layer-2: #232323;
    --oxnv-okd-color-surface-structural-layer-3: #323232;
    --oxnv-okd-color-surface-structural-highlight: var(--global-color-highlight);
    --oxnv-okd-color-surface-structural-inverse: #fff;
    --oxnv-okd-color-surface-structural-elevated-default: #171717;
    --oxnv-okd-color-surface-structural-elevated-contrast: #343434;
    --oxnv-okd-color-surface-structural-overlay: rgba(0, 0, 0, .6);
    --oxnv-okd-color-border-static-default: hsla(0, 0%, 100%, .22);
    --oxnv-okd-color-border-static-subtle: hsla(0, 0%, 100%, .07);
    --oxnv-okd-color-border-static-dotted: hsla(0, 0%, 100%, .4);
    --oxnv-okd-color-border-interactive-default: #7d7d7d;
    --oxnv-okd-color-border-interactive-hovered: #cfcfcf;
    --oxnv-okd-color-border-interactive-pressed: #fff;
    --oxnv-okd-color-border-interactive-focused: #fff;
    --oxnv-okd-color-border-interactive-selected: #fff;
    --oxnv-okd-color-border-interactive-error: #f57a8a;
    --oxnv-okd-color-border-interactive-emphasis: #b8b8b8;
    --oxnv-okd-color-border-interactive-oncolor: #232323;
    --oxnv-okd-color-border-static-emphasis: #b8b8b8;
    --oxnv-okd-color-border-static-experience: var(--global-color-experience-default);
    --oxnv-okd-color-border-static-highlight: var(--global-color-highlight);
    --oxnv-okd-color-border-static-overlay: hsla(0, 0%, 100%, .1);
    --oxnv-okd-color-border-interactive-disabled: hsla(0, 0%, 100%, .22);
    --oxnv-okd-color-border-info-default: #ebebeb;
    --oxnv-okd-color-border-info-subtle: #7d7d7d;
    --oxnv-okd-color-border-warning-default: #ffb117;
    --oxnv-okd-color-border-warning-subtle: #4d3200;
    --oxnv-okd-color-border-success-default: #49a92d;
    --oxnv-okd-color-border-success-subtle: #192400;
    --oxnv-okd-color-border-danger-default: #f57a8a;
    --oxnv-okd-color-border-danger-subtle: #420a10;
    --oxnv-okd-color-content-static-default: #fff;
    --oxnv-okd-color-content-interactive-default: #b8b8b8;
    --oxnv-okd-color-content-interactive-subtle: #7d7d7d;
    --oxnv-okd-color-content-interactive-hovered: #ebebeb;
    --oxnv-okd-color-content-static-subtle: #969696;
    --oxnv-okd-color-content-interactive-pressed: #fff;
    --oxnv-okd-color-content-static-inverse: #000;
    --oxnv-okd-color-content-static-highlight: var(--global-color-highlight);
    --oxnv-okd-color-content-static-placeholder: hsla(0, 0%, 100%, .3);
    --oxnv-okd-color-content-interactive-active: #fff;
    --oxnv-okd-color-content-interactive-selected: #fff;
    --oxnv-okd-color-content-interactive-error: #f57a8a;
    --oxnv-okd-color-content-interactive-disabled: hsla(0, 0%, 100%, .22);
    --oxnv-okd-color-content-info-default: #ebebeb;
    --oxnv-okd-color-content-info-subtle: #7d7d7d;
    --oxnv-okd-color-content-warning-default: #ffb117;
    --oxnv-okd-color-content-warning-subtle: #4d3200;
    --oxnv-okd-color-content-success-default: #49a92d;
    --oxnv-okd-color-content-success-subtle: #192400;
    --oxnv-okd-color-content-danger-default: #f57a8a;
    --oxnv-okd-color-content-danger-subtle: #420a10;
    --oxnv-okd-color-content-illustration-default: #fff;
    --oxnv-okd-color-content-dataviz-categorical-1: #49a92d;
    --oxnv-okd-color-content-dataviz-categorical-2: #0b5bcb;
    --oxnv-okd-color-content-dataviz-categorical-3: #ffb117;
    --oxnv-okd-color-content-dataviz-categorical-4: #dbb01d;
    --oxnv-okd-color-content-dataviz-categorical-5: #ac6cff;
    --oxnv-okd-color-content-dataviz-categorical-6: #969696;
    --oxnv-okd-color-content-dataviz-categorical-7: #636363;
    --oxnv-okd-color-content-dataviz-categorical-8: #454545;
    --oxnv-okd-color-content-illustration-inverse: #000;
    --oxnv-okd-color-content-illustration-experience: var(--global-color-experience-default);
    --oxnv-okd-color-content-illustration-highlight: var(--global-color-highlight);
    --oxnv-okd-font-size-base: 16px;
    --oxnv-okd-font-size-md: 14px;
    --oxnv-okd-font-size-xs: 12px;
    --oxnv-okd-line-height-base: 20px;
    --oxnv-okd-line-height-md: 20px;
    --oxnv-okd-line-height-xs: 16px;
    --oxnv-okd-shadow-none: 0 0 0 0 transparent;
    --oxnv-okd-shadow-xs: 0 0 0 1px #0000000d;
    --oxnv-okd-shadow-sm: 0 1px 2px 0 #0000000d;
    --oxnv-okd-shadow-default: 0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;
    --oxnv-okd-shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;
    --oxnv-okd-shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;
    --oxnv-okd-shadow-xl: 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;
    --oxnv-okd-shadow-2xl: 0 25px 50px -12px #00000040;
    --oxnv-okd-border-radius-none: 0;
    --oxnv-okd-border-radius-sm: 2px;
    --oxnv-okd-border-radius-md: 4px;
    --oxnv-okd-border-radius-lg: 6px;
    --oxnv-okd-border-radius-xl: 8px;
    --oxnv-okd-border-radius-xxl: 10px;
    --oxnv-okd-border-radius-xxxl: 12px;
    --oxnv-okd-font-family: HarmonyOS Sans, SF Pro Text, SF Pro Icons, Arial, Helvetica Neue, Helvetica, sans-serif;
    --oxnv-okd-text-display-lg-font-size: 56px;
    --oxnv-okd-text-display-lg-font-weight: 500;
    --oxnv-okd-text-display-lg-line-height: 1.32;
    --oxnv-okd-text-display-md-font-size: 40px;
    --oxnv-okd-text-display-md-font-weight: 500;
    --oxnv-okd-text-display-md-line-height: 52px;
    --oxnv-okd-text-display-sm-font-size: 40px;
    --oxnv-okd-text-display-sm-font-weight: 500;
    --oxnv-okd-text-display-sm-line-height: 52px;
    --oxnv-okd-text-heading-lg-font-size: 30px;
    --oxnv-okd-text-heading-lg-font-weight: 500;
    --oxnv-okd-text-heading-lg-line-height: 40px;
    --oxnv-okd-text-heading-md-font-size: 24px;
    --oxnv-okd-text-heading-md-font-weight: 500;
    --oxnv-okd-text-heading-md-line-height: 30px;
    --oxnv-okd-text-heading-sm-font-size: 18px;
    --oxnv-okd-text-heading-sm-font-weight: 500;
    --oxnv-okd-text-heading-sm-line-height: 24px;
    --oxnv-okd-text-heading-xl-font-size: 36px;
    --oxnv-okd-text-heading-xl-line-height: 1.32;
    --oxnv-okd-text-heading-xl-font-weight: 600;
    --oxnv-okd-text-heading-xxl-font-size: 40px;
    --oxnv-okd-text-heading-xxl-line-height: 1.32;
    --oxnv-okd-text-heading-xxl-font-weight: 600;
    --oxnv-okd-text-heading-overline-font-size: 12px;
    --oxnv-okd-text-heading-overline-line-height: 15px;
    --oxnv-okd-text-heading-overline-font-weight: 500;
    --oxnv-okd-text-body-sm-regular-font-size: 14px;
    --oxnv-okd-text-body-sm-regular-font-weight: 400;
    --oxnv-okd-text-body-sm-regular-line-height: 21px;
    --oxnv-okd-text-body-sm-bold-font-size: 14px;
    --oxnv-okd-text-body-sm-bold-font-weight: 500;
    --oxnv-okd-text-body-sm-bold-line-height: 21px;
    --oxnv-okd-text-body-md-regular-font-size: 16px;
    --oxnv-okd-text-body-md-regular-font-weight: 400;
    --oxnv-okd-text-body-md-regular-line-height: 24px;
    --oxnv-okd-text-body-md-bold-font-size: 16px;
    --oxnv-okd-text-body-md-bold-font-weight: 500;
    --oxnv-okd-text-body-md-bold-line-height: 24px;
    --oxnv-okd-text-body-xs-regular-font-size: 12px;
    --oxnv-okd-text-body-xs-regular-font-weight: 400;
    --oxnv-okd-text-body-xs-regular-line-height: 18px;
    --oxnv-okd-text-body-xs-bold-font-size: 12px;
    --oxnv-okd-text-body-xs-bold-font-weight: 500;
    --oxnv-okd-text-body-xs-bold-line-height: 18px;
    --oxnv-okd-font-weight-400: 400;
    --oxnv-okd-font-weight-500: 500;
    --oxnv-okd-font-weight-600: 600;
    --oxnv-okd-font-weight-700: 700;
    --oxnv-okd-font-weight-800: 800;
    --oxnv-okd-font-weight-900: 900;
    --oxnv-okd-font-weight-regular: 400;
    --oxnv-okd-font-weight-medium: 500;
    --oxnv-okd-font-weight-bold: 700
}

@media (max-width:767px) {
    [lang*=zh-Hans] .site-banner-container {
        min-height: 80px
    }
}

.site-banner-container {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    padding: 22px 22px 14px;
    position: relative;
    width: 100%;
    z-index: 9499
}

@media (max-width:767px) {
    .site-banner-container {
        min-height: 96px;
        padding: 12px 16px 4px
    }
}

.site-banner-container .site-banner-text {
    display: flex;
    margin-bottom: 8px
}

.site-banner-container .site-banner-text .site-banner-tip {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-left: 8px;
    vertical-align: middle
}

@media (max-width:767px) {
    .site-banner-container .site-banner-text .site-banner-tip {
        font-size: 12px
    }
}

.site-banner-container .site-banner-text .site-banner-icon {
    font-size: 18px
}

@media (max-width:767px) {
    .site-banner-container .site-banner-text .site-banner-icon {
        font-size: 16px
    }
}

.site-banner-container .site-banner-link {
    -webkit-tap-highlight-color: transparent;
    align-items: center;
    -webkit-appearance: none;
    background-color: #0d0d0d;
    border: 0;
    border-radius: 60px;
    box-sizing: 0 0 0 0 transparent;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    line-height: 16px;
    margin-bottom: 8px;
    margin-left: 24px;
    min-width: 63px;
    outline: none;
    padding: 8px 16px;
    text-decoration: none;
    touch-action: manipulation;
    transition: background-color .3s cubic-bezier(.165, .84, .44, 1), border-color .3s cubic-bezier(.165, .84, .44, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (max-width:767px) {
    .site-banner-container .site-banner-link {
        font-size: 12px;
        margin-left: 20px
    }
}